<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Off Canvas Template for Bootstrap</title>
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="../common/bootstrap/css/bootstrap.css" type="text/css"></link>
    <!-- Custom styles for this template -->
	<link rel="stylesheet" href="../offcanvas.css" type="text/css"></link>
    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  <script type="text/javascript" src="../common/jquery-1.9.1.min.js"></script></head>
  <script type="text/javascript" src="../common/bootstrap/js/bootstrap.min.js"></script>
  <body>
  <div class="container">
  <h1 class="page-header">111111111111111x</h1>
  <p>xxxxx1</p>
  <div class="row">
  <div class="col-md-4">
  <h1 class="page-header">111111111111111x</h1>
  <p>xxxxx2</p>
  </div>
  <div class="col-md-4">
  <h1 class="page-header">111111111111111x</h1>
  <p>xxxxx3</p>
  </div>
  <div class="col-md-4">
  <h1 class="page-header">111111111111111x</h1>
  <p>xxxxx4</p>
  <div class="col-md-6">
  <p>xxxxx1</p>
  </div>
  <div class="col-md-6 visible-xs">
  <p>xxxxx1</p>
  </div>
  </div>
  </div>
  <div class="row">
  <blockquote class="pull-right">
  <p>Twitter Bootstrap是Twitter的架构师出口的一个前端框架利器，好得我都无法来形容它，如果你没有什么艺术细胞，又想快速做出自己的网站（或者移动应用），Bootstrap绝对是你不错的选择。通过Twitter工程师的努力，你可以很轻松的使用Bootstrap做出漂亮的前端界面，而不再需要你学习CSS以及Javascript
 </p>
  <cite><small>来自</small>吴杰明</cite>
  </blockquote>
  </div>
  </div>
  <div class="row">
  <input type="text" placeholder="xxxx">
  <table class="table">
  <thead><td>1</td><td>2</td></thead>
  <tbody>
  <tr><td>1</td><td>2</td></tr>
  <tr><td>1</td><td>2</td></tr>
  <tr><td>1</td><td>2</td></tr>
  </tbody>
  </table>
  </div>
  </body>
</html>

